.missing-credentials {
	border-radius: 2px;
	border: 1px solid var( --color-neutral-5 );
	padding: 17px 21px;

	h4 {
		font-size: $font-body;
		font-weight: 600;
		margin-bottom: 17px;
	}
	p {
		font-size: $font-body;
	}
}

.missing-credentials__header {
	display: flex;
	justify-content: center;
	margin-bottom: 17px;

	img {
		max-width: 50px;
	}
}

.missing-credentials__button {
	background: var( --studio-white );
	border-radius: 2px;
	border: 1px solid var( --color-neutral-10 );
	color: var( --color-neutral-40 );
	font-size: $font-body;
	font-weight: 600;
	text-align: center;
	width: 100%;

	@include breakpoint-deprecated( '>660px' ) {
		width: auto;
		text-align: auto;
	}
}
